import { createVNode, render } from 'vue'
import XtXMessage from '@/components/library/xtx-message.vue'

// // 准备dom容器
// const div = document.createElement('div')
// div.setAttribute('class', 'xtx-message-container')
// document.body.appendChild(div)
// 准备dom容器
const divVNode = createVNode('div', { class: 'xtx-message-container' })
render(divVNode, document.body)
const div = divVNode.el
// 定义一个函数
const XtXMessages = ({ message, type }) => {
  // 动态创建dom函数
  const comVNode = createVNode(XtXMessage, { message, type })
  // 渲染到body里面
  render(comVNode, div)
  // 3秒自动消失
  setTimeout(() => {
    render(null, div)
  }, 3000)
}
// 暴露出去
export default XtXMessages
